import React from "react";
import "./Tab.css"


export default ({ active }) => {
    // const styles = {
    //     tab: {
    //         flex: 1,
    //         height: "100%",
    //         alignItems: "center",
    //         paddingLeft: 28
    //     },
    //     tab1: {
    //         // flex: 1,
    //         // height: "100%",
    //         // alignItems: "center",
    //         // paddingLeft: 28,
    //         // fontFamily: "PingFangSC-Medium",
    //         // fontSize: 32,
    //         // color: "#1a1a1a",
    //         // borderBottom:'4px solid #ff4d3a'
    //     }
    // };

    return (
        <div
          className="WrapTab"
            // style={{
                // flex: 1,
                // height: 81,
                // fontSize: 32,
                // color: "#999",
                // borderBottom:'1px solid #f1f1f1'
            // }}
        >
            <div
              className='tabContent'
              // style={{ flex: 3, height: "100%"}}
            >
                <div
                  className='TabActive'
                  // style={styles.tab1}
                >
                    <span
                        // style={{
                        //     // paddingBottom:29,
                        //     display:"block",
                        //     height:60,
                        //     marginTop:15,
                        //     borderBottom:'4px solid #ff4d3a'
                        // }}
                    >商店</span>
                </div>
                <div
                  className='TabUnActive'
                  // style={styles.tab}
                >店铺</div>
                <div
                  className='TabUnActive'
                  // style={styles.tab}
                >我的</div>
            </div>
            <div
              className='TabwrapSearch'
              style={{ flex: 1, alignItems: "center", alignSelf: "right" }}
            >
                <div
                  className='wrapSearchContent'
                    // style={{
                    //     width: 128,
                    //     height: 56,
                    //     borderRadius: 28,
                    //     border: "1px solid #999",
                    //     alignItems: "center",
                    //     justifyContent: "center"
                    // }}
                >
                    <img src="../../cutpic/搜索.png" alt=""/>
                    <span
                        // style={{
                        //     marginLeft:8,
                        //     fontSize:25,
                        //     color:"#666",
                        // }}
                    >搜索</span>
                </div>
            </div>
        </div>
    );
};
